<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <!-- 引入我们的css初始化 -->
    <link rel="stylesheet" href="css/normalize.css">
    <!-- 引入我们首页的css -->
    <link rel="stylesheet" href="css/zhaopian.css">
    <title>Document</title>

</head>

<body>
    <section>
        <div><img src="hezhao.jpg"></div>
        <div><img src="hezhao.jpg"></div>
        <div><img src="hezhao.jpg"></div>
        <div><img src="hezhao.jpg"></div>
        <div><img src="hezhao.jpg"></div>
        <div><img src="hezhao.jpg"></div>
    </section>
    <ul>
        <li>
            <div class="box1">
                <div class="front">宝</div>
                <div class="buttom">永</div>
            </div>
        </li>
        <li>
            <div class="box2">
                <div class="front">宝</div>
                <div class="buttom">远</div>
            </div>
        </li>
        <li>
            <div class="box3">
                <div class="front">爱</div>
                <div class="buttom">在</div>
            </div>
        </li>
        <li>
            <div class="box4">
                <div class="front">你</div>
                <div class="buttom">一</div>
            </div>
        </li>
        <li>
            <div class="box5">
                <div class="front">!</div>
                <div class="buttom">起</div>
            </div>
        </li>
    </ul>


</body>

</html>